@charset "utf-8";
*{
    margin:0;
    padding:0;
}
a{
    text-decoration: none;
}
// 首页样式
.shouye{
    width:600px;
    height:50px;
    margin:auto;
    a{
        float:left;
        height:50px;
        line-height:50px;
        text-align:center;
        padding:0 10px;
        color:royalblue;
    }
    
}
// 第一天样式
h1{
    margin-top:30px;
    height:40px;
    line-height: 40px;
    text-align: center;
}
.alink{
    width:300px;
    height:50px;
    margin:100px auto;
    a{
        display: inline-block;
        padding:0 10px;
        color:#666;
    }
}
.content{
    width:960px;
    height:160px;
    margin:auto;
    border:1px solid #aaa;
    margin-bottom: 400px;
    .content-img{
        float:left;
        width:150px;
        height:160px;
       
    }
    .content-c{
        float:left;
        width:800px;
        height:160px;
        p{
            padding:10px;
            font-size: 14px;
            font-family: "微软雅黑";
            text-indent:15px;
            line-height:30px;
        }
    }
}
// 第三天作业
.head{
    width:800px;
    height:200px;
    margin:auto;
    position: relative;
    img{
        display: block;
        width:100%;
        height:200px;
    }
    p{
        position:absolute;
        top:120px;
        right:150px;
        font-size:20px;
        font-family: "微软雅黑";
        color:#814b29;
    }
}
.nav{
    width:800px;
    height:30px;
    margin:auto;
    background:#e9cf9e;
    a{
        display:block;
        float:left;
        height:30px;
        line-height:30px;
        padding:0 20px;
        color:#814b29;
        font-size:12px;
    }
}
.container{
    width:800px;
    overflow:hidden;
    margin:auto;
    .left{
        width:300px;
        float:left;
        background:#f0daab;
        img{
            display:block;
            width:200px;
            height:200px;
            line-height:200px;
            margin:auto;
            border:1px solid #814b29;
            padding:10px;
            margin-top:10px;
        }
        h3{
            text-align:center;
            margin:10px;
        }
        p{
            padding:10px;
            text-indent:15px;
            line-height:24px;
            font-size:14px;

        }
    }
    .right{
        width:500px;
        float:right;
        height:738px;
        background:#cea76e;
        h2{
            width:150px;
            height:40px;
            line-height:40px;
            margin:20px;
        }
        p{
            padding:20px;
            text-indent:12px;
        }
    }
}
// 第三天
ul li{
    list-style: none;
}
.contain{
    width:400px;
    height:400px;
    margin:100px auto;
    position: relative;
    li{
        width:160px;
        height:160px;
        border:10px solid #aaa;
        float:left;
        margin:10px;
        background:url(../img/2.png) no-repeat 100px 80px;
        h3{
            padding:10px;
        }
        p{
            padding:10px;
        }
    }
}